<template>
  <div style="height: calc(100vh - 0.5rem)">
    <el-breadcrumb class="ne-padding-t-10" separator="/">
      <el-breadcrumb-item>首页</el-breadcrumb-item>
      <el-breadcrumb-item>{{secTitel}}</el-breadcrumb-item>
    </el-breadcrumb>
    <!-- <div class="app-container"> -->
    <div>
      <step-nav
        style="margin-bottom: 0.1rem"
        justify="center"
        :active="stepNav.active"
        :colSize="12"
        :step-data="stepNav.stepData"
      ></step-nav>
      <!-- 收藏模板 -->
      <collect-tmpl></collect-tmpl>
      <component v-bind:is="PPMComp" ></component>
    </div>

  </div>
</template>

<script>
import StepNav from "@/components/public/StepNav";
import { mapState } from "vuex";
export default {
  name: "InforEntryPPM",
  data() {
    return {
      PPMComp: "",
      secTitel:'业务受理'
    };
  },
  components: { StepNav },
  mounted() {
    // let ppmParams = JSON.parse(sessionStorage.getItem("ppmCondition"));
    // let prodName = ppmParams.productId;
    let prodName = "mstp";//产品承载页，目前所有产品跟MSTP同一套产品页能实现，留个入口供以后特殊产品使用
    this.productPage(prodName);
    if(sessionStorage.getItem('proFlag') == '5G'){
       this.secTitel = '5G受理'
    }
  },
  computed: {
    ...mapState("orders", ["stepNav"]),
  },
  methods: {
    saveFun() {

    },
    productPage(prodName) {
      this.PPMComp=prodName
    }
  },
};
</script>

<style lang="scss" scoped>
.app-container {
  background-color: transparent;
  padding: 0;
  box-shadow: none;
  //::v-deep .ne-wrap{
  //  height: .30rem;
  //  line-height: .30rem;
  //}
  .ne-add-btn {
    border-radius: 0.03rem;
    color: #fff;
    border: none;
    position: relative;
    left: -0.2rem;
    top: 0.04rem;
    &.green {
      background-color: #7dc855;
    }
    &.orange {
      background-color: $orange;
      color: #fff !important;
    }
  }
  ::v-deep .el-form-item .el-input__inner {
    height: 0.34rem;
  }
  ::v-deep .ne-lf-append {
    height: 0.32rem;
    line-height: 0.32rem;
    background-color: #f6f7f9;
    border-left: 1px solid #dcdfe6;
  }
  ::v-deep .el-input {
    max-width: 3.2rem;
  }
  ::v-deep .el-input__inner,
  ::v-deep .el-textarea__inner {
    border-radius: 0.01rem;
  }
  ::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    border: 1px solid #0052d9 !important;
  }
  ::v-deep .el-radio-group .el-radio-button__inner {
    border-left: 0;
  }
  ::v-deep .el-radio-group input {
    border-left: 0;
  }
  ::v-deep .el-form-item .el-form-item__content .ne-select-s input,::v-deep .el-form-item .el-form-item__content>div:nth-child(1) input,::v-deep .el-form-item .el-form-item__content>div:nth-child(1) select{
    border-left: 1px solid #DCDFE6;
  }
  ::v-deep .el-form-item input,::v-deep .el-form-item select,::v-deep .el-form-item .el-form-item__content .el-radio-group div input{
    border-left:0;
  }
  ::v-deep .el-input__icon{
    line-height: 0.34rem;
  }
  ::v-deep .el-form-item__content{
    line-height: .34rem;
  }
  ::v-deep .el-radio-button:first-child .el-radio-button__inner {
    border-left: 1px solid #dcdfe6;
  }
  ::v-deep .el-radio-button__orig-radio:checked + .el-radio-button__inner {
    box-shadow: none;
  }
  ::v-deep .el-radio-button__inner {
    border-radius: 0.01rem !important;
    padding: 0 0.1rem;
    //height: 0.3rem;
    //line-height: 0.3rem;
    width: auto;
    min-width: 0.8rem;
    text-align: center;
  }
  ::v-deep .form-block {
    margin-top: 0.1rem;
    background-color: #fff !important;
    box-shadow: none;
  }
  ::v-deep .el-steps--simple {
    background-color: transparent;
  }
  ::v-deep .el-input-group__append,
  .el-input-group__prepend {
    background-color: #fff !important;
  }
  ::v-deep .el-radio-button__inner {
    margin-left: 0;
  }
  .infor-mb-dy {
    padding-bottom: 15px;
    .ne-title {
      position: relative;
      top: 0.05rem;
    }
    .mb-info {
      i {
        z-index: 99;
        color: $orange;
        font-size: 0.16rem;
      }
      li {
        font-size: $fontSize_sm;
        //height: 0.3rem;
        //line-height: 0.3rem;
        //min-height: 30px;
        padding: 0.06rem 0.1rem;
        border: 0.01rem solid rgba(221, 221, 221, 0.76);
        border-radius: 0.02rem;
        margin-left: 0.1rem;
        color: #666666;
        position: relative;
        &:hover {
          background-color: $orange;
          color: #fff;
          cursor: pointer;
          border: 1px solid $orange;
          i {
            color: #fff;
          }
        }
        &.active {
          background-color: $orange;
          color: #fff;
          cursor: pointer;
          border: 1px solid $orange;
          i {
            color: #fff;
            font-size: 0.18rem;
          }
        }
      }
    }
  }
}
.line {
  min-height: 0.62rem;
}
.ne-btn-title {
  display: inline-block;
  margin: 0 0 0.05rem 0.2rem;
  padding: 0.07rem 0.1rem;
  border-radius: 0.05rem;
  font-size: $fontSize_info;
  color: #fff;
  background-color: $orange;
}
.messageBox-content-a {
  height: 7rem;
  overflow: scroll;
}
</style>
